
<template>
    <!-- <div class="nav"> -->
        <van-tabbar route>
          <van-tabbar-item to="/home" icon="home-o">主页
                <template #icon="props">
                    <zgticon :name="props.active?'home-sel':'home'"></zgticon>
                </template>
          </van-tabbar-item>
          <van-tabbar-item to="/question" icon="search">询问
                 <template #icon="props">
                    <zgticon :name="props.active?'qa-sel':'qa'"></zgticon>
                </template>
          </van-tabbar-item>
          <van-tabbar-item to="/video" icon="friends-o">视频
                <template #icon="props">
                    <zgticon :name="props.active?'video-sel':'video'"></zgticon>
                </template>
          </van-tabbar-item>
          <van-tabbar-item to="/mine" icon="setting-o">我的
                <template #icon="props">
                    <zgticon :name="props.active?'mine-sel':'mine'"></zgticon>
                </template>
          </van-tabbar-item>
        </van-tabbar>
    <!-- </div> -->
</template>
<script>
</script>
<style lang="less" scoped>
    .footer{
            width: 100%;
            height: 100px;
            position: static;
    }
    .van-tabbar{
        background-color: @boke-gray-color;
    }
    .van-tabbar-item--active{
        color: @boke-color;
        background-color: @boke-gray-color;

    }
    .van-tabbar-item__text{
        color: @nav-bg;
    }
</style>
